iT邦幫忙

2021 iThome 鐵人賽

DAY 29
0

基本概念

  • this 是一個關鍵字
  • 在不同執行環境中,this 所指向的值也會不同
  • this 和函式的呼叫方法有關

在全域環境下

this 值在所有函式以外的全域執行環境下,會被當作全域物件,

範例如下:

var showMsg = '測試測試';
function callMe() {
  console.log(this.showMsg);
}
callMe();

執行結果

作為物件的方式呼叫

若作為物件的方式進行呼叫,則 this 的指向會是來源的物件

範例如下:

var dinner ='燒肉飯';
function eatDinner () {
  return this.dinner
};

const foodList = {
  dinner: '超級蝦蝦堡',
  eatDinner: eatDinner
};



console.log(eatDinner());
console.log(foodList1.eatDinner());

執行結果

參考資料及學習資源

  • 六角學院 - JavaScript 核心篇
  • 0 陷阱!0 誤解!8 天重新認識 JavaScript!
  • this

本日小結

這邊簡單先初步說明 this 到底是什麼,他還有好多種RRRR
這是我的學習紀錄,我們下次見!


上一篇
[ Day 28 ] - 作用域與範圍鏈
下一篇
[ Day 30 ] - 初學者升級啦~完賽心得
系列文
初心者解任務啦!JS 的 30 道任務30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言